import ReactLoadable from "react-loadable";

import PageLoading from "@/layout/page-loading";

// import Home from '@/views/Home'
// import Artical from '@/views/Artical'

export const pageRoutes = [{
  "key": "/home",
  "title": "首页",
  "icon": "ant-design",
  "order": 2000,
  "path": "/home"
}, {
  "key": "/artical",
  "title": "文章",
  "icon": "book",
  "order": 1200,
  "path": "/artical"
}, {
  "key": "/tableDemo",
  "title": "表格",
  "icon": "table",
  "order": 1300,
  "path": "/tableDemo"
}
// {
//   "key": "1",
//   "title": "多级菜单",
//   "icon": "align-left",
//   "path": "",
//   "children": [{
//     "key": "1-1",
//     "parentKey": "1",
//     "title": "level-1-1",
//     "icon": "align-left",
//     "path": "",
//     "parentKeys": ["1"],
//     "parentTexts": ["多级菜单"],
//     "parentNodes": [{
//       "key": "1",
//       "title": "多级菜单",
//       "icon": "align-left",
//       "path": ""
//     }]
//   }, {
//     "key": "1-2",
//     "parentKey": "1",
//     "title": "level-1-2",
//     "icon": "align-left",
//     "path": "",
//     "parentKeys": ["1"],
//     "parentTexts": ["多级菜单"],
//     "parentNodes": [{
//       "key": "1",
//       "title": "多级菜单",
//       "icon": "align-left",
//       "path": ""
//     }]
//   }, {
//     "key": "1-3",
//     "parentKey": "1",
//     "title": "level-1-3",
//     "icon": "align-left",
//     "path": "",
//     "parentKeys": ["1"],
//     "parentTexts": ["多级菜单"],
//     "parentNodes": [{
//       "key": "1",
//       "title": "多级菜单",
//       "icon": "align-left",
//       "path": ""
//     }]
//   }, {
//     "key": "1-4",
//     "parentKey": "1",
//     "title": "level-1-4",
//     "icon": "align-left",
//     "path": "",
//     "parentKeys": ["1"],
//     "parentTexts": ["多级菜单"],
//     "parentNodes": [{
//       "key": "1",
//       "title": "多级菜单",
//       "icon": "align-left",
//       "path": ""
//     }],
//     "children": [{
//       "key": "1-4-1",
//       "parentKey": "1-4",
//       "title": "level-1-4-1",
//       "icon": "align-left",
//       "path": "",
//       "parentKeys": ["1", "1-4"],
//       "parentTexts": ["多级菜单", "level-1-4"],
//       "parentNodes": [null, {
//         "key": "1-4",
//         "parentKey": "1",
//         "title": "level-1-4",
//         "icon": "align-left",
//         "path": ""
//       }]
//     },{
//       "key": "1-4-3",
//       "parentKey": "1-4",
//       "title": "level-1-4-3",
//       "icon": "align-left",
//       "path": "",
//       "parentKeys": ["1", "1-4"],
//       "parentTexts": ["多级菜单", "level-1-4"],
//       "parentNodes": [null, {
//         "key": "1-4",
//         "parentKey": "1",
//         "title": "level-1-4",
//         "icon": "align-left",
//         "path": ""
//       }],
//       "children": [{
//         "key": "1-4-3-1",
//         "parentKey": "1-4-3",
//         "title": "level-1-4-3-1",
//         "icon": "align-left",
//         "path": "",
//         "parentKeys": ["1", "1-4", "1-4-3"],
//         "parentTexts": ["多级菜单", "level-1-4", "level-1-4-3"],
//         "parentNodes": [null, null, {
//           "key": "1-4-3",
//           "parentKey": "1-4",
//           "title": "level-1-4-3",
//           "icon": "align-left",
//           "path": ""
//         }]
//       }]
//     }]
//   }]
// }
]

console.log('pageRoutes', pageRoutes)



// 页面路由配置
const routeList = [{
  path: '/home',
  // component: Home,
  component: () => import('@/views/Home'),
  exact: false
},
{
  path: '/tableDemo',
  // component: Home,
  component: () => import('@/views/TableDemo/TableDemo.js'),
  exact: false
},
{
  path: '/artical',
  // component: Artical,
  component: () => import('@/views/Artical'),
  exact: false
}
]

export default routeList.map(item => {
  return {
    path: item.path,
    // component: item.component,
    component: ReactLoadable({
      loader: item.component,
      loading: PageLoading
    }),
    exact: !!item.exact
  }
})